$brand-primary: #3497da;
$brand-primary-focus: #337ab7;
$brand-success: #39b44a;
$brand-info: #29aae1;
$brand-warning: #f6921e;
$brand-danger: #f05a24;
$brand-Description: #bcc2c6;
$brand-muted: #b3b3b3;


// 空心按钮
@mixin btn-outline {
  i {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    line-height: 15px;
    font-size: 15px;
    text-align: center;
    border-radius: 50%
  }
  span {
    padding-left: 25px;
  }
}

@mixin btn-outline-icon-active {
  i {
    background-color: #fff;
    border: 2px solid #fff;
  }
  i:after {
    content: "\e665";
  }
}

@mixin btn-outline-disabled {
  background: #bbb;
  color: #666;
  border: 1px solid #666;
  i {
    color: #666;
    border: 2px solid #666;
  }
}

.btn.btn-primary-outline {
  background: none;
  color: $brand-primary;
  border: 1px solid $brand-primary;
}

.btn.btn-primary-outline.icon {
  @include btn-outline;
  i {
    color: $brand-primary;
    border: 2px solid $brand-primary;
  }
}

.btn.btn-primary-outline.active {
  background: $brand-primary;
  color: #fff;
  border: none;
}

.btn.btn-primary-outline.icon.active {
  @include btn-outline-icon-active;
  border: 1px solid $brand-primary;
}

.btn.btn-primary-outline[disabled] {
  @include btn-outline-disabled;
}

.btn.btn-success-outline {
  background: none;
  color: $brand-success;
  border: 1px solid $brand-success;
}

.btn.btn-success-outline.icon {
  @include btn-outline;
  i {
    color: $brand-success;
    border: 2px solid $brand-success;
  }
}

.btn.btn-success-outline.active {
  background: $brand-success;
  color: #fff;
  border: none;
}

.btn.btn-success-outline.icon.active {
  @include btn-outline-icon-active;
  border: 1px solid $brand-success;
}

.btn.btn-success-outline[disabled] {
  @include btn-outline-disabled;
}

.btn.btn-info-outline {
  background: none;
  color: $brand-info;
  border: 1px solid $brand-info;
}

.btn.btn-info-outline.icon {
  @include btn-outline;
  i {
    color: $brand-info;
    border: 2px solid $brand-info;
  }
}

.btn.btn-info-outline.active {
  background: $brand-info;
  color: #fff;
  border: none;
}

.btn.btn-info-outline.icon.active {
  @include btn-outline-icon-active;
  border: 1px solid $brand-info;
}

.btn.btn-info-outline[disabled] {
  @include btn-outline-disabled;
}

.btn.btn-warning-outline {
  background: none;
  color: $brand-warning;
  border: 1px solid $brand-warning;
}

.btn.btn-warning-outline.icon {
  @include btn-outline;
  i {
    color: $brand-warning;
    border: 2px solid $brand-warning;
  }
}

.btn.btn-warning-outline.active {
  background: $brand-warning;
  color: #fff;
  border: none;
}

.btn.btn-warning-outline.icon.active {
  @include btn-outline-icon-active;
  border: 1px solid $brand-warning;
}

.btn.btn-warning-outline[disabled] {
  @include btn-outline-disabled;
}

.btn.btn-danger-outline {
  background: none;
  color: $brand-danger;
  border: 1px solid $brand-danger;
}

.btn.btn-danger-outline.icon {
  @include btn-outline;
  i {
    color: $brand-danger;
    border: 2px solid $brand-danger;
  }
}

.btn.btn-danger-outline.active {
  background: $brand-danger;
  color: #fff;
  border: none;
}

.btn.btn-danger-outline.icon.active {
  @include btn-outline-icon-active;
  border: 1px solid $brand-danger;
}

.btn.btn-danger-outline[disabled] {
  @include btn-outline-disabled;
}

//大屏导航
.navbar.navbar-inverse {
  background-color: $brand-primary !important;
  border-color: $brand-primary !important;
  .navbar-nav li {
    a {
      color: #fff;
    }
    .dropdown-menu{
      li{
        a{
          color: #333;
          background-color: #fff;
        }
      }
    }
  }
  .navbar-nav li.open {
    a {
      background-color: $brand-primary-focus;
    } 
  }
}

//小屏幕导航
.Hj-xs-navbar {}

//底部
.Hj_footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: $brand-primary;
  color: #fff;
  a {
    color: #fff;
  }
}

//小屏导航图标颜色
.Hj-banner-xs {
  .nav {
    .Pay {
      color: $brand-warning;
    }
    .Order {
      color: $brand-primary;
    }
    .tel {
      color: $brand-success;
    }
  }
}

//小屏幕导航
.Hj-xs-navbar {
  background-color: $brand-primary;
  .Return_Arrow {
    color: #fff;
  }
  p {
    color: #fff;
  }
}

//搜索部分
.Rd-coListArea {
  background-color: $brand-primary;
  .Rd-select {
    background-color: #fff;
    a {
      color: $brand-primary;
    }
  }
  .Rd-input {
    background-color: #fff;
  }
  .Rd-go {
    a {
      color: #fff;
    }
  }
  .Rd-quick {
    a {
      background-color: $brand-primary;
    }
  }
  .Rd-partition {
    .Rd-alert {
      background-color: #29aae1;
      color: #fff;
      a {
        color: #fff;
      }
    }
  }
  .Rd-note {
    span {
      color: #768d99;
      opacity: 0.6;
    }
  }
}

//关于我们title
.about_us_content {
  .title {
    color: $brand-primary;
  }
  .title_tip {
    color: $brand-primary;
  }
}

//下单页面付款用途
.order_content {
  .Rd-orderBill {
    .Rd-cont {
      .Rd-feeType {
        .lItem {
          .delItem {
            :hover {
              color: $brand-primary;
            }
          }
        }
        .lItem.active {
          .delItem {
            color: #666;
            :hover {
              color: #fff;
            }
          }
        }
        .new {
          background-color: #4c4f58;
          border: 1px solid #888;
          border-top: 1px solid #ddd;
          #addItem {
            color: #eee;
            :hover {
              color: #fff;
            }
          }
          #disAddItem {
            color: #999;
            :hover {
              color: #fff;
            }
          }
        }
        .add {
          background-color: #4c4f58;
          border: 1px solid #888;
          border-top: 1px solid #ddd;
          i {
            background-color: #fff;
            color: $brand-primary;
          }
          span {
            color: #fff;
          }
        }
      }
    }
  }
}
